<template>
  <!--运行应用管理-->
  <basic-container>
    <avue-crud :option="option"
               :table-loading="loading"
               :data="data"
               ref="crud"
               :page.sync="page">
      <template slot="menuLeft">
        <el-button size="mini" @click="$refs['cad'].open()">创建应用部署</el-button>
      </template>

      <template slot="menu" slot-scope="scope">
        <el-button type="text">修改</el-button>
        <el-button type="text">删除</el-button>
      </template>
    </avue-crud>
  </basic-container>
</template>

<script>

export default {
  name: "runAppList",
  components: {},
  data() {
    return {
      page: {
        pageSize: 10,
        currentPage: 1,
        total: 0
      },
      data: [{name: "测试"}],
      loading: false,
      option: {
        height: 'auto',
        calcHeight: 30,
        dialogWidth: 900,
        tip: false,
        searchShow: true,
        searchMenuSpan: 6,
        border: true,
        index: true,
        selection: true,
        labelWidth: 120,
        menuWidth: 150,
        viewBtn: false,
        dialogClickModal: false,
        tabs: true,
        delBtn: false,
        addBtn: false,
        editBtn: false,
        refreshBtn: false,
        columnBtn: false,
        column: [
          {
            label: "名称",
            prop: "name",
            display: false,
          },
          {
            label: '部署应用',
            prop: 'templateType',
            type: "select",
            display: false,
          },
          {
            label: "应用版本",
            prop: "tableName",
            display: false,
          },
          {
            label: "上次部署时间",
            prop: "serviceName",
            display: false,
          },
          {
            label: "配置节点",
            prop: "packageName",
            display: false,
          },
          {
            label: "状态",
            prop: "packageName",
            display: false,
          },
        ]
      },
    }
  },
  methods: {
    test(v) {
      // console.log(v)
    }
  }
}
</script>

<style scoped>

</style>
